<template>
  <div class="item cursor-pointer mb-[10px] p-[12px] mx-[12px]">
    <a-typography>
      <a-typography-title :level="itemData.props.level" :class="{'text-center':itemData.props.isCenter}" class="text-left">{{itemData.props.text}}</a-typography-title>
    </a-typography>
  </div>
</template>

<script setup>
import {defineProps} from "vue";
const {itemData} = defineProps({
  itemData:{
    type:Object,
    default:{}
  }
})
</script>

<style scoped>
h1{
  font-size: 24px!important;
  padding-bottom: 0px!important;
}
h1, h2, h3, h4, h5 {
  margin-bottom: 0 !important;
}
div{
  box-sizing: border-box;
}


h1 {
  font-size: 24px!important;
}

h2 {
  font-size: 20px!important;
}

h3 {
  font-size: 16px!important;
}
</style>
